From c9ffd961639c2d0d32da491f3c696d7b921bfb2c Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Sun, 7 Apr 2024 09:58:46 +0100
Subject: Contact form page

---
 src/pages/[locale]/contact.astro | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/pages/[locale]/contact.astro

(limited to 'src/pages/[locale]')

diff --git a/src/pages/[locale]/contact.astro b/src/pages/[locale]/contact.astro
new file mode 100644
index 0000000..653396b
--- /dev/null
+++ b/src/pages/[locale]/contact.astro
@@ -0,0 +1,35 @@
+---
+import Page from '$layouts/Page.astro';
+import localeStaticPaths from '$lib/localeStaticPaths';
+import translate from '$i18n/translate';
+import tContact from '$i18n/translations/pages/contact';
+import type Locale from '$types/Locale';
+
+export async function getStaticPaths() {
+  return localeStaticPaths;
+}
+
+const locale = Astro.params.locale as Locale;
+const t = translate(locale);
+---
+
+<Page title={(t(tContact, { key: 'title' }))}>
+  <h1>{ t(tContact, { key: 'title' }) }</h1>
+
+  <h2>{ t(tContact, { key: 'submit-enquiry-online' }) }</h2>
+  <form method="post" action="/api/contact-form">
+    <label for="name">{ t(tContact, { key: 'name-label' }) }</label>
+    <input id="name" type="text" name="name" required />
+
+    <label for="email">{ t(tContact, { key: 'email-label' }) }</label>
+    <input id="email" type="email" name="email" required />
+
+    <label for="subject">{ t(tContact, { key: 'subject-label' }) }</label>
+    <input id="subject" type="text" name="subject" required />
+
+    <label for="message">{ t(tContact, { key: 'message-body-label' }) }</label>
+    <textarea id="message" name="message" rows="3" cols="40" />
+
+    <button type="submit">{ t(tContact, { key: 'submit-button' }) }</button>
+  </form>
+</Page>
-- 
cgit v1.2.3